﻿<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
        
    <title>Musicatch</title>
    
	  <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" title="no title" charset="utf-8"/>
    <link rel="stylesheet" href="css/jquery.mobile-1.0.1.min.css"/>
    <script src="js/lib/cordova-1.5.0.js"></script>
    <script src="js/lib/console.js"></script>
    <script src="js/lib/jquery-1.7.min.js"></script>
    <script src="js/lib/jquery.mobile-1.0.1.min.js"></script>
    <script src="js/lib/spin.min.js"></script>
   
    <script type="text/javascript">
      document.addEventListener("deviceready",onDeviceReady,false);
      $.support.cors = true; //Cross-Origin Resource Sharing
      // once the device ready event fires, you can safely do your thing! -jm
      function onDeviceReady() {
      // ensure that this page does not scroll
      window.external.Notify("noScroll");
      $(document).bind("mobileinit", function()
      {
      $.mobile.defaultPageTransition  = 'none';
      });
      var bubblepage = $('#bubblesPage');
      bubblepage.live('pageshow', searchSongs);
      bubblepage.bind('pageinit', function(event) {
      searchSongs();
      });
      var songpage = $('#songPage');
      songpage.live('pageshow', manageSong);
      songpage.bind('pageinit', function(event) {
      manageSong();
      });
      }
    </script>
  </head>
  <body>
    <div id="home" data-role="page">
      <div data-role="content">
        <div id="search-box">
          <img id="logo" src="img/logo.png"/>
          <div class="ui-hide-label">
            <label for="key" class="ui-hidden-accessible">Search Subject:</label>
              <input type="text" name="key" id="key" value="" placeholder="Search"/>
            <a href="bubbles.html" data-role="button" data-theme="d">Catch 'em!</a>
          </div>
        </div>
      </div>
    </div>
    
    <script src="js/search.js"></script>
    <script src="js/song.js"></script>
    <script>function fbs_click() {u=location.href;
    t=document.title;
    window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script>
  </body>
</html>
